
<!-- CONTENT START -->
<div id="content">

<!-- LEFT START -->
<div id="left">
<h1>Self Cleaning Treatment</h1>
<ul>
<?php
foreach($arrStains as $stain):
$urlExplore = '?page=home&sub=explore&tag='.$stain['tagName'].'&type='.$stain['tagType'];
?>
	<li><a href="<?= $urlExplore?>"><?= $stain['tagName']?></a></li>
<?php
endforeach;
?>
</ul>
<h1>Preventing</h1>
<ul>
<?php
foreach($arrPreventing as $prev):
$urlExplore = '?page=home&sub=explore&tag='.$prev['tagName'].'&type='.$prev['tagType'];
?>
	<li><a href="<?= $urlExplore?>"><?= $prev['tagName']?></a></li>
<?php
endforeach;
?>
</ul>
<h1>Surfaces To Protect</h1>
<ul>
<?php
foreach($arrSurfaces as $surf):
$urlExplore = '?page=home&sub=explore&tag='.$surf['tagName'].'&type='.$surf['tagType'];
?>
	<li><a href="<?= $urlExplore?>"><?= $surf['tagName']?></a></li>
<?php
endforeach;
?>
</ul>

<div id="featured"><!-- FEATURED START -->
<h1>Featured Products</h1>
<img src="<?= $this -> template?>/images/feature-item.png" /><br />
<a href="#" class="name">Name of the product</a><br />
<a href="#" class="price">$56.45</a>
</div><!-- FEATURED END -->

</div>
<!-- LEFT END -->

<!-- RIGHT START -->
<div id="right">

<div id="video"><!--<object width="416" height="337"><param name="movie" value="http://www.youtube.com/cp/vjVQa1PpcFMIQvcq645nvBG6uWf_05N0wa9yK4RZpz8="></param><embed src="http://www.youtube.com/cp/vjVQa1PpcFMIQvcq645nvBG6uWf_05N0wa9yK4RZpz8=" type="application/x-shockwave-flash" width="693" height="320"></embed></object>-->

</div>

<div id="items">
<h1>How to clean existing stains and prevent new ones with SCS products. </h1>
<ul id="item">
<?php
foreach($arrImages as $image):
?>
<li>
	<a href="item_detail.html">
    	<!--<img src="/include_picture.php?pic=<?='images/tags/'.$image['imageName']?>&amp;width=187&amp;height=155"
        height="155" width="187" border="0" />-->
        <img src="<?='images/tags/'.$image['imageName']?>"
        height="155" width="187" border="0" />
    </a> 
    <a href="#" class="prevent"></a> 
    <a href="#" class="clean">
    </a>
</li>
<?php
endforeach;
if(!$arrImages)	
	echo '<div style="text-align:center; color:red; font-size:18px">No Images Found</div>';
?>


<!-- Just to increase height automatically --><div id="height_increaser"></div>
</ul>
</div>

<p><?=$contents?> </p>

</div>
<!-- RIGHT END -->

<!-- Just to increase height automatically --><div id="height_increaser"></div>
</div>
<!-- CONTENT END -->



